<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">
	<ui:define name="content">
		<h:messages />
		<h1>Users</h1>
		<h:dataTable value="#{users}" var="u">
			<h:column>
				<f:facet name="header">
               Username
            </f:facet>
				<h:outputText value="#{u.username}" />
			</h:column>
			<h:column>
				<f:facet name="header">
               Name
            </f:facet>
				<h:outputText value="#{u.name}" />
			</h:column>
			<h:column>
				<f:facet name="header">
               Password
            </f:facet>
				<h:outputText value="#{u.password}" />
			</h:column>
		</h:dataTable>
		<h1>Add user</h1>
		<h:form>
			<table>
				<tr>
					<td>Username</td>
					<td><h:inputText value="#{newUser.username}" />
					</td>
				</tr>
				<tr>
					<td>Name</td>
					<td><h:inputText value="#{newUser.name}" />
					</td>
				</tr>
				<tr>
					<td>Password</td>
					<td><h:inputText value="#{newUser.password}" />
					</td>
				</tr>
				<tr>
					<td></td>
					<td><h:commandButton action="#{userManager.addUser}" value="Add User" />
					</td>
				</tr>
			</table>
		</h:form>
	</ui:define>
</ui:composition>
</html>
